{% extends 'CHOMPSGIBundle:Default:base.html.twig' %}

{% block title %}
	{% block subtitle %} Preferencias de usuario {% endblock %} 
{% endblock %} 

{% block content %}

	<div class="incidente-container">

		<h2 style="margin: 0 0 20px 0"> 
			Preferencias de usuario 
		</h2>

		<div class="container output">

			<div class="span12">
			    <h4 style="padding-left: 20px">
			    	Datos de Usuario 
			    </h4>
		    </div>

		    <form action="{{ path('chompsgi_cambiarPreferencias') }}" method="POST" class="row-fluid"  id="formPreferencias" > <!-- class="form_preferencias"-->
				<input type="hidden" id="id" name="id" size="8" maxlength="50" value="{{ entity.id }}">
				<div class="span12">
					<div class="form_row output">
						<label>
							Login:
						</label>
						{{ entity.login }} 
					</div>

					<div class="form_row">
						<label>
							Nombre:
						</label>
						<input type="Text" id="nombre" name="nombre" size="8" maxlength="50" value="{{ entity.nombre }}">*
					</div>

					<div class="form_row">
						<label>
							Apellido:
						</label>
						<input type="Text" id="apellido" name="apellido" size="8" maxlength="50" value="{{ entity.apellido }}">*
					</div>

					<div class="form_row">
						<label>
							Email:
						</label>
						<input type="Text" id="email" name="email" size="8" maxlength="50" value="{{ entity.email }}">*
					</div>

					<div class="form_row">
						<label>
							Teléfono:
						</label>
						<input type="Text" id="telefono" name="telefono" size="8" maxlength="50" value="{{ entity.telefono }}">
					</div>

					<div class="row-fluid">
						<input class="btn middle-first" type="button" onClick="comprobar();" value="Guardar" />
					</div>
				</div>
			</form>
		</div>

		<div class="container output">
			<h4 style="padding-left: 20px">
				Cambio de contraseña
			</h4>

			<div class="span12">
				<div class="form_row">
					<label>
						Ingrese nueva contraseña:
					</label>
					<input type="password" id="pswd" name="pswd" size="16" maxlength="16" value="">
				</div>
				<div class="form_row">
					<label>
						Repita contraseña:
					</label>
					<input type="password" id="contrasenaRep" name="contrasenaRep" size="16" maxlength="16" value="">
				</div>
				<div class="row-fluid">
					<input type="button" onClick="validar();" class="btn middle-first" value="Cambiar" />
				</div>
			</div>
		</div>
		<h4 style="text-align: center;">La clave debe tener {{ entity.empresa.strClave }}.</h4>
	</div>


	<script>
	
		function validar()
		{
			var login = "{{ entity.login }}";
			var contrasenaN = document.getElementById('pswd').value;
			var reg = /(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$/;
			var strReg = '{{ entity.empresa.regClave }}';
			
			{% if entity.empresa.regClave != '' %}
				arrayReg = strReg.split(",");
				var inc = 0;
				var verdad = 'true';

				while( inc < arrayReg.length && verdad == 'true'){

					var reg;
					
					if(arrayReg[inc].trim() == "/[a-z]/"){
						reg = /[a-z]/; 
					}
					if(arrayReg[inc].trim() == "/[A-Z]/"){
						reg = /[A-Z]/;
					}
					if(arrayReg[inc].trim() == "/\d/"){
						reg = /\d/;
					}
					if(arrayReg[inc].trim() == "/\w/"){
						reg = /\w/;
					}
					if(arrayReg[inc].trim() == "/\s/"){
						reg = /\s/;
					}
					
					if(contrasenaN.length >= arrayReg[0].trim() && $("#pswd").val().match(reg)){
						verdad = 'true';
					}else{
						alert('La clave debe tener {{ entity.empresa.strClave }}');
						verdad = 'false';
					}
					inc++;
				}
				if(verdad == 'true'){
					restoComp(contrasenaN);
				}
				
			{% else %}			
				if($("#pswd").val().match(reg)){
					restoComp(contrasenaN);
				}else{
					alert('La clave debe tener {{ entity.empresa.strClave }}');
				}
			{% endif %}			
		}	
		
		function restoComp(contrasenaN){
			var login = "{{ entity.login }}";
			if(contrasenaN.trim()!='' && document.getElementById('contrasenaRep').type=='hidden'){
				var route = "{{ path('chompsgi_cambiar_clave', { 'login': "LOGIN", 'pass': "CONTRA"  }) }}";
				route = route.replace("LOGIN", login);
				var route2 = route.replace("CONTRA", contrasenaN);
				window.location.href = route2; 		
			}else{
				if(contrasenaN.trim()!='' && document.getElementById('contrasenaRep').type!='hidden' && contrasenaN == document.getElementById('contrasenaRep').value){
					var route = "{{ path('chompsgi_cambiar_clave', { 'login': "LOGIN", 'pass': "CONTRA"  }) }}";
					route = route.replace("LOGIN", login);
					var route2 = route.replace("CONTRA", contrasenaN);
					window.location.href = route2; 		
				}else{
					if(contrasenaN.trim()=='' || contrasenaR.trim()==''){
						alert('Debe completar ambos campos.');
					}else{
						alert('Las claves deben ser iguales.');
					}			
				}
			}	
		}

		
		function comprobar()
		{
			var nombre = document.getElementById('nombre').value;
 			var apellido = document.getElementById('apellido').value;
			var email = document.getElementById('email').value;
			
			if(nombre.trim() != '' && apellido.trim() != '' && email.trim() != ''){
				document.getElementById("formPreferencias").submit();				
			}else{
				alert('Los campos obligatorios no pueden ser vacios.');
			}
		}
		
	</script>    

{% endblock %}